<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="reset.css">
  <link rel="stylesheet" href="black-board.css">
</head>
<body>
  <div class="black-board">
    <div class="book-con">
      <h2>黑板报</h2>
      <ul>
        <li><a href="#">2020秋季延迟发货开启</a></li>
        <li><a href="#">分享领佣金</a></li>
        <li><a href="#">助力2020开学季！包邮政策再</a></li>
        <li><a href="#">邀请有礼</a></li>
      </ul>
    </div>
    <div class="book-con">
      <h2>购物指南</h2>
      <ul>
        <li><a href="#">支付宝担保交易，安全快捷</a></li>
        <li><a href="#">保证24小时之内发货</a></li>
        <li><a href="#">赠送积分，积分可用于支付</a></li>
        <li><a href="#">收货后7天内可以无理由退货</a></li>
        <li><a href="#">提供电子商务小包、EMS、快递</a></li>
        <li><a href="#">配送造成的所有损失由我们承担</a></li>
        <li><a href="#">提供免费短信提醒服务</a></li>
      </ul>
    </div>
    <div class="book-ad-con">
      <img src="img/zhinan.jpg" alt="">
    </div>
  </div>
</body>
</html>